<script setup>
import { onMounted, ref } from 'vue'
import head from '@/assets/icon/head.png'

const username = ref('');

onMounted(() => {
    setTimeout(function () {
        username.value = JSON.parse(window.sessionStorage.getItem('usermsg')).zhName;
    }, 1000)
})

</script>
<template>
    <div class="ha-head">
        <img :src="head" alt="">
        <span>{{ username }}</span>
    </div>
</template>
<style scoped>
.ha-head {
    width: 100%;
    height: 72px;
    border-top: 1px solid #387BFF;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(56, 123, 255, 0.15);
    cursor: pointer;
}

.ha-head img {
    width: 32px;
    height: 32px;
    margin-right: 16px;
}
</style>